<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>H+ 后台主题UI框架 - 基础表格</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="../favicon.ico"> <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="../css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css?v=4.1.0" rel="stylesheet">
    <link href="../css/shop/style.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/global.css">
</head>
<body>
<div class="container">
    <div class="row addGoods-title">添加商品</div>
    <div class="row" style="padding:40px 0">
        <div class="col-sm-3">
            <div class="add-top-img">
                <span>选择商品图片</span>
                <input type="file" accept="image/*"  id="top-img">
                <div  id="top-img-box" ></div>
                <input type="hidden" id="top-img-url">
            </div>
            <button class="btn btn-default" style="width: 160px" id="upload-top-img">点击确认商品缩略图</button>
        </div>
        <div class="col-sm-4">
            <div class="form-group">
                <label class="label-title">商品名称：</label>
                <input type="text" class="form-control input-style" placeholder="请输入商品名称" id="name">
            </div>
            <div class="form-group">
                <label class="label-title">商品价格：</label>
                <input type="text" class="form-control input-style" placeholder="请输入商品价格" id="price">
            </div>
            <div class="form-group">
                <label class="label-title">商品规格：</label>
                <input type="text" class="form-control input-style" placeholder="请输入商品规格" id="gg">
            </div>
        </div>
        <div class="col-sm-4">
            <div class="form-group">
                <label class="label-title">商品类别</label>
                <select id="goods-type" class="form-control input-style">

                </select>
            </div>
        </div>
    </div>
    <div class="row goods-details">
        <div class="col-sm-12">
            <div class="title col-sm-12">添加商品展示图</div>
            <div class="add-head-img-btn btn btn-primary">
                <span>选择图片</span>
                <input type="file" accept="image/*" multiple class="opacity0" id="head-img">
            </div>
            <div class="btn btn-success" style="margin-top: 10px;" id="head-img-btn">上传图片</div>
        </div>
        <div id="head-img-box">

        </div>
    </div>
    <div class="row goods-details">
        <div class="col-sm-12">
            <div class="title col-sm-12">添加商品详情图</div>
            <div class="add-head-img-btn btn btn-primary">
                <span>选择图片</span>
                <input type="file" accept="image/*" multiple class="opacity0" id="content-img">
            </div>
            <div class="btn btn-success" style="margin-top: 10px;" id="content-img-btn">上传图片</div>
        </div>
        <div id="content-img-box">

        </div>
    </div>
    <div class="row goods-details" style="text-align: center;">
        <button class="btn btn-primary" id="submit-btn">发布商品</button>
    </div>
</div>

    <!-- 全局js -->
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <script src="../js/bootstrap.min.js?v=3.3.6"></script>

    <script src="../js/plugins/jeditable/jquery.jeditable.js"></script>

    <!-- Data Tables -->
    <script src="../js/plugins/dataTables/jquery.dataTables.js"></script>
    <script src="../js/plugins/dataTables/dataTables.bootstrap.js"></script>


    <!-- Peity -->
    <script src="../js/plugins/peity/jquery.peity.min.js"></script>
    <!--paging-->
    <script src="../js/my-js/paging.js"></script>
    <!-- 自定义js -->
    <script src="../js/content.js?v=1.0.0"></script>
    <script src="../js/my-js/global.js"></script>

    <!-- iCheck -->
    <script src="../js/plugins/iCheck/icheck.min.js"></script>

    <!-- Peity -->
    <script src="../js/demo/peity-demo.js"></script>
    <script src="../js/my-js/addGoods.js"></script>
</body>
</html>
